<template>
  <el-menu :default-openeds="['1']" style="height: 100%;overflow-x: hidden"
           background-color="rgb(48,64,86)"
           text-color="#fff"
           active-text-color="#ffd04b"
           :collapse-transition="false" :collapse="menuTextIsShow"
           router
           @select="handledSelect">
    <div style="height: 60px;line-height: 60px;text-align: center">
      <i class="el-icon-s-custom" style="color: white;margin-right: 5px"></i>
      <b class="logo" style="color:white" v-show="logoTextIsShow">{{ $t('main.TeacherBackendManagement') }}</b>
    </div>

    <el-submenu index="1">
      <template slot="title">
        <i class="el-icon-s-home"></i>
        <span>{{ $t('main.Home') }}</span>
      </template>
      <el-menu-item index="/System_TeaBackend/Tea_ProjectIntroduction">
        <i class="el-icon-s-order"></i>
        <span>{{ $t('main.ProjectIntroduction') }}</span>
      </el-menu-item>
    </el-submenu>

    <el-submenu index="2">
      <template slot="title">
        <i class="el-icon-menu"></i>
        <span>{{ $t('main.SystemsManagement') }}</span>
      </template>
      <el-menu-item index="/System_TeaBackend/Management_Student">
        <i class="el-icon-user-solid"></i>
        <span>{{ $t('main.StudentManagement') }}</span>
      </el-menu-item>
      <el-menu-item index="/System_TeaBackend/Management_Course">
        <i class="el-icon-date"></i>
        <span>课程管理</span>
      </el-menu-item>
      <el-menu-item index="/System_TeaBackend/Management_Question">
        <i class="el-icon-notebook-1"></i>
        <span>题目管理</span>
      </el-menu-item>
      <el-menu-item index="/System_TeaBackend/Management_Paper">
        <i class="el-icon-reading"></i>
        <span>试卷管理</span>
      </el-menu-item>
      <el-menu-item index="/System_TeaBackend/Management_Exam">
        <i class="el-icon-edit-outline"></i>
        <span>考试管理</span>
      </el-menu-item>
      <el-menu-item index="/System_TeaBackend/Management_Sign">
        <i class="el-icon-collection-tag"></i>
        <span>报名管理</span>
      </el-menu-item>
      <el-menu-item index="/System_TeaBackend/Management_Marking">
        <i class="el-icon-finished"></i>
        <span>阅卷管理</span>
      </el-menu-item>
      <el-menu-item index="/System_TeaBackend/Management_File">
        <i class="el-icon-folder-opened"></i>
        <span>文件管理</span>
      </el-menu-item>
    </el-submenu>

    <el-submenu index="3">
      <template slot="title">
        <i class="el-icon-s-tools"></i>
        <span>{{ $t('main.Setting') }}</span>
      </template>
      <el-menu-item index="/System_TeaBackend/Settings_Exterior">
        <i class="el-icon-view"></i>
        <span>{{ $t('main.Appearance') }}</span>
      </el-menu-item>
      <el-menu-item index="/System_TeaBackend/Settings_Language">
        <i class="el-icon-chat-dot-round"></i>
        <span>{{ $t('main.Language') }}</span>
      </el-menu-item>
    </el-submenu>
  </el-menu>
</template>

<script>
export default {
  name: "Aside",
  props: {
    menuTextIsShow: Boolean,
    logoTextIsShow: Boolean
  },
  methods:{
    handledSelect(){

    }
  }
}
</script>

<style scoped>
.logo{
  -moz-user-select: none; /* Firefox私有属性 */
  -webkit-user-select: none; /* WebKit内核私有属性 */
  -ms-user-select: none; /* IE私有属性(IE10及以后) */
  user-select: none; /* CSS3属性 */
}
</style>